<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<base href="<%=basePath%>">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<%@ include file="../common/baseCss.jsp" %>
<style>
 #userIntegralLogTable_length{
	float:right;
	padding-bottom:10px;
	margin-top: -22px;
}
#userIntegralLogTable_filter{
	display:none;
}
.table td{
    position: relative;
    text-align:center;
    vertical-align: top;
}
#userIntegralLogTable tbody tr:nth-child(even){
    background: rgba(254,254,255,10)
}
#userIntegralLogTable tbody tr:nth-child(odd){
    background:rgba(255,255,255,1);
}


.dropdown {
    position: relative;
    font-size: 14px;
    color: #333;
    width:200px;
    height: 31px;
   	margin-right: 10px;
    z-index:999;
    display: inline-flex;
}
.dropdown .dropdown-list {
    padding: 12px;
    background: #fff;
    position: absolute;
    top: 30px;
    left: 2px;
    right: 2px;
    box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.15);
    transform-origin: 50% 0;
    transform: scale(1, 0);
    transition: transform .15s ease-in-out .15s;
    max-height: 66vh;
    overflow-y: scroll;
}
.dropdown-list a {
	text-decoration: none;
    color: #379937;
}
.dropdown .dropdown-option {
    display: block;
    padding: 8px 12px;
    opacity: 0;
    transition: opacity .15s ease-in-out;
}
.dropdown .dropdown-label {
    display: block;
    height: 17px;
    width:100%;
    background: #fff;
    border: 1px solid #ccc;
    padding: 6px 12px;
    line-height: 1;
    cursor: pointer;

}
.dropdown .dropdown-label:before {
    content: '▼';
    float: right;
}
.dropdown.on .dropdown-list {
    transform: scale(1, 1);
    transition-delay: 0s;
}
.dropdown.on .dropdown-list .dropdown-option {
    opacity: 1;
    transition-delay: .2s;
}
.dropdown.on .dropdown-label:before {
    content: '▲';
}
.dropdown [type="checkbox"] {
    position: relative;
    top: -1px;
    margin-right: 4px;
}
</style>
<title>用户积分列表</title>
</head>
<body>
<div class="page-container">
<div class="button-group">
			<a href="javascript:;" id="export" class="btn btn-primary radius">
		<i class="Hui-iconfont marginRight6">&#xe644;</i>导出数据
	</a>
	  
	</div>
	<form method="post" onsubmit="return false;" class="mb-40">
		<input type="hidden" id="dr" name="dr" value="1">
		<div class="searchWrapper" style="display:block;padding:30px;height:auto;">
			<input type="text" class="input-text inputBlock"  placeholder="输入uid" id="uid" name="uid" style="margin-left:0">
			<input type="text" class="input-text inputBlock"  placeholder="输入昵称" id="uname" name="uname">
			<input type="text" class="input-text inputBlock"  placeholder="输入学校名称" id="sname" name="sname">
			<div style="margin-top:10px">
			<div class="dropdown" data-control="checkbox-dropdown">
   				<label class="dropdown-label"></label>
   				<div class="text-label" hidden>请选择变动类型</div>
    			<div class="dropdown-list">
        			<a href="#" data-toggle="check-all" class="dropdown-option">全选  </a>
        			<c:forEach items="${typeList}" var="type">
        				<label class="dropdown-option">
            				<input type="checkbox" name="integralType" value="${type.itid}"/>${type.name}
        				</label>
        			</c:forEach>
    			</div>
			</div>
			
			<div class="dropdown" data-control="checkbox-dropdown">
   				<label class="dropdown-label"></label>
   				<div class="text-label" hidden>请选择角色</div>
    			<div class="dropdown-list">
        			<a href="#" data-toggle="check-all" class="dropdown-option">全选  </a>
        			<label class="dropdown-option">
            			<input type="checkbox" name="rleId" value="20181524903016560101"/>梦想教师
        			</label>
        			<label class="dropdown-option">
            			<input type="checkbox" name="rleId" value="20181529574197910105"/>梦想中心主任
        			</label>
        			<label class="dropdown-option">
            			<input type="checkbox" name="rleId" value="20181529574197910125"/>学校
        			</label>
    			</div>
			</div></div>
			
			<div style="margin-top:10px;">
				<input type="text" placeholder="起始时间" onfocus="WdatePicker({ maxDate:'#F{$dp.$D(\'s2\')||\'%y-%M-%d %H-%m-%s\'}',dateFmt: 'yyyy-MM-dd HH:mm:ss' })" id="s1" class="input-text Wdate" style="width:200px;" autocomplete="off">
					-
				<input type="text" placeholder="截止时间" onfocus="WdatePicker({ minDate:'#F{$dp.$D(\'s1\')}',maxDate:'%y-%M-%d %H-%m-%s',dateFmt: 'yyyy-MM-dd HH:mm:ss' })" id="s2" class="input-text Wdate" style="width:200px;" autocomplete="off">
				
				<button type="button" class="btn mysearchbtn" id="searchuserIntegralLog"><i class="iconfont marginRight6">&#xe665;</i>查询</button>
			</div>
			
		</div>
	</form>

	<table class="table table-border table-bordered table-bg mytable" id="userIntegralLogTable">
		<thead>
			<tr class="text-c tableTH">
				<th>操作时间</th>
				<th>uid</th>
				<th>昵称</th>
				<th>姓名</th>
				<th>学校</th>
				<th>角色</th>
				<th>变动类型</th>
				<th>变动积分</th>
				<th>内容</th>
				<th>操作人ID</th>
			</tr>
		</thead>
	</table>
</div>
<%@ include file="../common/baseJs.jsp" %>
<script type="text/javascript" src="manager/js/plugin/jquery.dataTables.min.js"></script>
<script type="text/javascript" src="manager/js/plugin/WdatePicker.js"></script> 
<script type="text/javascript" src="manager/js/plugin/laypage.js"></script>
<script type="text/javascript" src="manager/js/userIntegral/userIntegralLog.js"></script>
</body>
</html>